<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>E.T.A.S</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <link rel="stylesheet" href="css/skins.ne.css" type="text/css"/>
        <script type="text/javascript" src="js/jquery.js"></script>
    </head>
    <body>
        <div id="header-outter">
            <div id="header">
                <div id="h-date">
                    Thứ 2 ngày 16/4/2012 8:00 AM
                </div>
                <div id="h-language-switcher">
                    <a href="#"><img src="images/en.jpg" alt=""/></a>
                    <a href="#"><img src="images/vi.jpg" alt=""/></a>
                </div>
                <div id="h-search">
                    <form name="frmSearch" action="" method="post">
                        <input type="text" id="keyword" name="keyword" size="20" value="Nhập từ tìm kiếm..."/>
                        <input type="submit" id="btnSearch" name="btnSearch" value=""/>
                    </form>

                </div>
                <div id="h-menu">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Tin tức</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- end of header -->
        <div id="main-outter">
            <div id="main">
                <div id="m-top">
                    <div id="logo">
                        <a href="#">
                            <img src="images/logo.jpg" alt=""/>
                        </a>
                    </div>
                    <div id="mt-banner">
                        <img src="images/banner.png" alt=""/>
                    </div>
                </div>
                <div id="m-middle">
                    <div id="mm-wrapper">
                        <div id="mmw-container">
                            <div id="m-menu">
                                <div class="m-menu-top"></div>
                                <div class="m-menu-mid">
                                    <ul>
                                        <li><a href="#">Hệ thống giáo dục Anh quốc</a></li>
                                        <li><a href="#">Hệ thống giáo dục Anh quốc</a></li>
                                        <li><a href="#">Hệ thống giáo dục Anh quốc</a></li>
                                        <li><a href="#">Hệ thống giáo dục Anh quốc</a></li>
                                        <li><a href="#">Hệ thống giáo dục Anh quốc</a></li>
                                        <li><a href="#">Hệ thống giáo dục Anh quốc</a></li>
                                    </ul>
                                </div>
                                <div class="m-menu-bottom"></div>
                                <div class="m-menu-overlay"></div>    
                                <div class="m-menu-gradient"></div>    
                            </div><!--end of m-menu -->
                            <div id="m-article">
                                <div class="m-a-top"></div>
                                <div class="m-a-mid"> 
                                    <h2 >Hệ thống giáo dục ở anh quốc</h2>
                                    <div id="c-item">
                                        <div class="ci-top">
                                            <img src="images/england.jpg" width="130px" height="100px" alt=""/>
                                            <h3>Tiêu đề Hệ thống giáo dục ở anh quốc</h3>
                                            <p>
                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nulla lectus, aliquam a 
                                            </p>
                                        </div>
                                        <div class="ci-content">
                                            Etiam quis metus magna, at euismod magna. Maecenas euismod sem vitae lorem blandit porta. Aliquam eu dolor at leo mollis iaculis. Phasellus adipiscing tincidunt dui vel tincidunt. Nullam et massa risus, eu commodo turpis. Curabitur eget metus lectus. Nulla facilisi. Donec pretium pulvinar commodo. Vestibulum vitae velit tellus, et viverra leo. Morbi pharetra libero at ante.
                                        </div>
                                        <a href="#" class="read-more">Xem thêm</a>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                <div class="m-a-bottom"></div>



                            </div>

                            <div id="sidebar">
                                <div id="supporters">
                                    <div class="sp-left"></div>
                                    <div class="sp-center">
                                        <h3>Tư vấn online</h3>
                                        <div class="sp-wrapper">
                                            <!-- Yahoo! custom image status by leoslab.net -->
                                            <a href='ymsgr:sendim?dead_wind_88'><img src="http://www.leoslab.net/check.php?u=5762" title="dead_wind_88 status || Yahoo Custom image by leoslab.net"  border="0" /></a>
                                            <!-- Yahoo! custom image status by leoslab.net -->


                                            <a href="skype:dead_wind_88">
                                                <?php //getSkypeStatusIcon('dead_wind_88');?>
                                            </a>

                                        </div>
                                    </div>
                                    <div class="sp-right"></div>
                                </div><!-- end of suppoters -->
                                <div id="utilities">
                                    <div class="utility">
                                        <div class="u-left"></div>
                                        <div class="u-center">
                                            <a href="#"> 
                                                <span>Dịch vụ hỗ trợ</span>
                                                <img src="images/banh_rang.png" alt=""/>
                                            </a>

                                        </div>
                                        <div class="u-right"></div>
                                    </div>
                                    <div class="utility">
                                        <div class="u-left"></div>
                                        <div class="u-center">
                                            <a href="#"> 
                                                <span>Dịch vụ hỗ trợ</span>
                                                <img src="images/brief.png" alt=""/>
                                            </a>

                                        </div>
                                        <div class="u-right"></div>
                                    </div>
                                    <div class="utility">
                                        <div class="u-left"></div>
                                        <div class="u-center">
                                            <a href="#">
                                                <span>Dịch vụ hỗ trợ</span>
                                                <img src="images/clock.png" alt=""/>
                                            </a>

                                        </div>
                                        <div class="u-right"></div>
                                    </div>
                                </div><!-- end of utilities -->
                                <div id="social-share">
                                    <a href="#"><img src="images/facebook.png" alt=""/></a>
                                    <a href="#"><img src="images/twister.png" alt=""/></a>
                                    <a href="#"><img src="images/youtube.png" alt=""/></a>
                                </div><!-- end of social-share -->
                            </div><!-- end of f-right -->
                            <div class="clearfix"></div>
                        </div><!-- end of #mmw-container -->
                    </div><!-- end of #mm-wrapper -->
                </div><!-- end of #m-middle -->
            </div>
        </div><!-- end of #main-outter -->
        <div id="footer-outter">
            <div id="footer">
                <div class="f-left">
                    <div id="copy-right">
                        Copyright@ 2012 E . T . A . S  Du học Anh quốc, Canada, Singapore, Newzilan<br/>
                        Design by idgit.com.vn - Ideal development group.
                    </div>
                    <div id="f-social-share">
                        <a href="#"><img src="images/ne/facebook-small.png" alt=""/></a>
                        <a href="#"><img src="images/ne/twister-small.png" alt=""/></a>
                        <a href="#"><img src="images/ne/youtube-small.png" alt=""/></a>
                    </div>
                </div>
                <div class="f-right" id="info">
                    <ul>
                        <li class="add">Tầng 7, tòa nhà sô 182, Lò Đúc, Hà Nội</li>
                        <li class="phone">(04) 3972 9125</li>
                        <li class="email">Webdesigner103@ etasvn.com</li>

                    </ul>
                </div>
            </div>
        </div>
    </body>
</html>
